<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="container mt-3">
			<!-- h${$级标题}*6>span{徽章} -->
			<h1>1级标题<span class="badge badge-danger badge-pill">徽章</span></h1>
			<h1>2级标题<span class="badge badge-warning">徽章</span></h1>
			<h1>3级标题<span class="badge badge-info">徽章</span></h1>
			<h1>4级标题<span class="badge badge-primary">徽章</span></h1>
			<h1>5级标题<span class="badge badge-dark">徽章</span></h1>
			<h1>6级标题<span class="badge badge-secondary">徽章</span></h1>
			
		</div>
	</body>
</html>
